<template>
    <div>
      <span v-for="(value,key,index) in mark" :key="index">
        属性名：{{ key }},属性值:{{ value }}<br>
      </span>
    </div>
  </template>
  
  <script>
  import { reactive, toRefs } from 'vue'
  
  export default {
    setup () {
      const state = reactive({
        mark:{
          JS:90,
          C:99,
          Html:50
        }
      })
    
      return {
        ...toRefs(state),
      }
    }
  }
  </script>
  
  <style lang="scss" scoped>
  
  </style>